<template>
  <popup v-model="show0">
    <div class="panel">
      <div class="hd">
        <div class="close" @click="close">关闭</div>
      </div>
      <div class="bd">
        <div class="row1 clearfix">
          <x-button type="default" @click.native="setInputV('粤')">粤</x-button>
          <x-button type="default" @click.native="setInputV('京')">京</x-button>
          <x-button type="default" @click.native="setInputV('津')">津</x-button>
          <x-button type="default" @click.native="setInputV('冀')">冀</x-button>
          <x-button type="default" @click.native="setInputV('晋')">晋</x-button>
          <x-button type="default" @click.native="setInputV('蒙')">蒙</x-button>
          <x-button type="default" @click.native="setInputV('辽')">辽</x-button>
          <x-button type="default" @click.native="setInputV('吉')">吉</x-button>
          <x-button type="default" @click.native="setInputV('黑')">黑</x-button>
          <x-button type="default" @click.native="setInputV('赣')">赣</x-button>
        </div>
        <div class="row2 clearfix">
          <x-button type="default" @click.native="setInputV('沪')">沪</x-button>
          <x-button type="default" @click.native="setInputV('苏')">苏</x-button>
          <x-button type="default" @click.native="setInputV('皖')">皖</x-button>
          <x-button type="default" @click.native="setInputV('闽')">闽</x-button>
          <x-button type="default" @click.native="setInputV('青')">青</x-button>
          <x-button type="default" @click.native="setInputV('鲁')">鲁</x-button>
          <x-button type="default" @click.native="setInputV('豫')">豫</x-button>
          <x-button type="default" @click.native="setInputV('鄂')">鄂</x-button>
          <x-button type="default" @click.native="setInputV('湘')">湘</x-button>
        </div>
        <div class="row3 clearfix">
          <x-button type="default" @click.native="setInputV('浙')">浙</x-button>
          <x-button type="default" @click.native="setInputV('桂')">桂</x-button>
          <x-button type="default" @click.native="setInputV('琼')">琼</x-button>
          <x-button type="default" @click.native="setInputV('渝')">渝</x-button>
          <x-button type="default" @click.native="setInputV('川')">川</x-button>
          <x-button type="default" @click.native="setInputV('贵')">贵</x-button>
          <x-button type="default" @click.native="setInputV('云')">云</x-button>
        </div>
        <div class="row4 clearfix">
          <x-button type="default" @click.native="setInputV('甘')">甘</x-button>
          <x-button type="default" @click.native="setInputV('新')">新</x-button>
          <x-button type="default" @click.native="setInputV('宁')">宁</x-button>
          <x-button type="default" @click.native="setInputV('藏')">藏</x-button>
          <x-button type="default" @click.native="setInputV('陕')">陕</x-button>
        </div>
      </div>
    </div>
  </popup>
</template>

<script>
  import { XButton,TransferDom, Popup } from 'vux'
  export default{
    props:['show0'],
    components: {
      XButton,
      TransferDom,
      Popup
    },
    data () {
      return {
      }
    },
    created () {
    },
    methods: {
      // 关闭底部
      close () {
        this.$emit('closePanel1')
      },
      // 给输入框设置文本
      setInputV (v) {
        this.$emit('setInputV',v);
        this.$emit('closePanel1');
        this.$emit('t');
      }
    }
  }
</script>

<style lang="scss"></style>
